﻿<!doctype HTML>

<html>

<head>
    
    
    <title>Wextr | ABOUT US</title>
    <link rel="shortcut icon" href="bilder/thumbnail.png"/>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/prototyp5.css" />
    <link rel="stylesheet" href="css/about.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src='http://wextrserv.jit.su/socket.io/socket.io.js'></script>
    <script>
        var     chatrooms   = [], //title, au, id, color  wextr-hashcat.jit.su
                tempName    = "";
    </script>
    <script src="./js/globalFunctions.js"></script>
    <script src="./js/index.js"></script>
    <script src='./js/login.js'></script>
    <script src='./js/validate.js'></script>
    <script src='./js/validateToken.js'></script>
    
</head>


<body id="dark-grey">

<!--START NAVIGATION FROM LEFT -->
    
    <nav class="main-nav" id="main-nav"></nav>

<!--END NAVIGATION FROM LEFT -->

<!--START ACCOUNT LOGIN FROM RIGHT -->
    
    <div id="loginContainer"></div>

<!--END ACCOUNT LOGIN FROM RIGHT -->

<!--START HEADER -->

    <div id="header">
        <div id="header-box-nav">
            <a href="#main-nav" class="open-menu">
                <img alt="prototype" src="bilder/menu-alt-48.png" onmouseover="this.src='bilder/menu-alt-48-blue.png'" onmouseout="this.src='bilder/menu-alt-48.png'">
            </a>
        </div>
        <div id="loginBox">
        <a href="#account-login-main-nav" class="open-menu">
            <div id="account-login-header-box-nav">        
                LOG IN  
            </div>
        </a>
        </div>
    </div>

<!--END HEADER -->

<!--START PAGE-CONTENT--> 
    <div class="wrap">


                        <div id="profile-wrapper">                  
                            <div class="divider-profile">
                                    <span class="divider-profile">
                                        OUR TEAM
                                    </span>
                            </div>

                            <div class="profile-container">
                                <div class="profile-circle" id="profile-circle-blue"></div>

                                <h3>Fredrik Åkerman</h3>
                                <h5 class="position">Co-Founder | Designer</h5>
                                </br>
                                <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                            </div>

                            <div class="profile-container">
                                <div class="profile-circle" id="profile-circle-red"></div>
                                <h3>Carl Wiggman</h3>
                                <h5 class="position">Co-Founder | Developer</h5>
                                </br>
                                <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                            </div>

                            <div class="profile-container">
                                <div class="profile-circle" id="profile-circle-green"></div>
                                <h3>Rikard Franksson</h3>
                                <h5 class="position">Co-Founder | Developer</h5>
                                </br>
                                <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                            </div>

                            <div class="profile-container">
                                <div class="profile-circle" id="profile-circle-orange"></div>
                                <h3>Hugo Wiggman</h3>
                                <h5 class="position">Co-Founder | Graphics</h5>
                                </br>
                                <p class="profile">Lorem ipsum sadfakjslkjdf lfl sadf asd fasd sadfa sdf asdfasd fasd f asdf asdf asf as df asd.</p>
                            </div>
                        </div>
                        <div id="social-media">
                            <a href="https://www.facebook.com/wextr123" target="_blank" ><img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_gray-48.png'" border="0"></a> 
                            <img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_gray-48.png'" border="0"> 
                            <img src="http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_gray-48.png"onmouseover="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_color-48.png'" onmouseout="this.src='http://cdn3.iconfinder.com/data/icons/free-social-icons/67/youtube_circle_gray-48.png'" border="0"> 
                        </div>
                        
                    </div>



<!--END PAGE-CONTENT -->

<!--START SCRIPT -->
    <script type="text/javascript" src="js/search.js"></script>

<!--END SCRIPT -->

</body>

</html>

